<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!-- src资源路径:
         1.相对路径:一般访问站内资源时使用
            -图片和页面在同一目录下: 直接写图片名
            -图片在页面的上级目录中: ../图片名
            -图片在页面的下级目录中: 文件夹名/图片名
         2.绝对路径:一般访问站外资源时使用,图片盗链,有找不到图片的风险
         alt: 当图片不能正常显示时,显示的文本
         title: 图片标题   -->
    <img src="aa.jpg" alt="这是个好图片">
    <img src="../b.jpg" title="这是标题">
    <!-- width/height
         两种赋值方式:1,像素  2.上级元素的百分比
         只设置宽度时,高度会自动等比例缩放 -->
    <img src="abc/c.jpg" width="50">
    <img src="abc/c.jpg" width="50%">
    <img src="https://img30.360buyimg.com/sku/jfs/t1/218932/28/15391/919916/62678b2bE03ce3569/90c9d4c6fb18f3d7.jpg.avif">
</body>
</html>